<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人简介</title>
    <style>
        html,body{
            margin: 0;
        }
        body{
            width: 100%;
            height: 100%;
        }
        ul{
            margin: 0;
            list-style: none;
        }
        li{
            margin: 0;
        }
        a{
            text-decoration: none;
        }


        #top{
            width: 100%;
            background-color: aqua;
            position: fixed;
        }
        #top ul{
            width: 1000px;
        }
        #top ul li{
            width: 100px;
            padding: 10px;
            margin-left: 50px;
            background-color: greenyellow;
            text-align: center;
            color: gray;
            display: inline-block;
        }
        #img{
            width: 100%;
            height: 500px;
        }
        img{
            width: 100%;
            height: 100%;
        }
        h1,h3{
            text-align: center;
        }
        h2{
            width: 120px;
            margin-left: 100px;
            border-right: 2px solid red;
        }
        #text{
            width: 800px;
            margin: 0 auto;
        }
        .img{
            width: 100%;
        }
    </style>
</head>
<body>
    <div id="top">
        <ul>
            <li><a href="#1">我的学校</a>
                </li>
            <li><a href="#2">我的家乡</a></li>
            <li><a href="#3">我的同学</a></li>
        </ul>
    </div>
    <div id="img">
        <img src="./01.jpg" alt="">
    </div>
    <div id="text">
        <h1>我的个人主页</h1>
        <h3>欢迎来到我的个人主页</h3>
        <h2 id="1">我的学校</h2>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;哈尔滨佛学院是一所汉语系全日制中等佛教院校，多年来坚持学修一体化，为佛教界培养、输送了大量的优秀僧才而受到佛教界的好评，下一步佛学院还要进一步完善各项设施，提高教学质量，争取成为佛教界知名院校。哈尔滨佛学院的前身是哈尔滨市极乐寺佛学院，始建于1924年。2015年8月份，国家宗教事务局正式批准同意设立哈尔滨佛学院。</p>
        <div class="img"><img src="./学校.jpg" alt=""></div>
        <h2 id="2">我的家乡</h2>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;唐长安城，以隋大兴城为基础，是隋唐两朝的首都、京师。唐长安城初名京城，唐玄宗开元元年（713年）称西京（俗称长安城，亦曰京城）唐肃宗元年（756年）称上都”。此外，唐长安城在唐代也被称为“上京、天都、上都、天京 ”。隋唐长安城是当时世界上规模最大、建筑最宏伟、规划布局最为规范化的一座都城。其营建制度规划布局的特点是规模空前、创设皇城、三城层环、六坡利用、布局对称、街衢宽阔、坊里齐整、形制划一、渠水纵横、绿荫蔽城、郊环祀坛。象天设都，依据天象星辰位置布局都城中宫城、皇城与郭城众坊里，体现着天人合一与君权神授的神秘色彩。唐长安城是按照中国传统规划思想和建筑风格建设起来的城市，城市由外郭城、皇城和宫城、禁苑、坊市组成，有2市108坊，面积约87.27平方公里（唐代新建大明宫），城内百业兴旺、宫殿参差毗邻，唐朝诗人常称长安城有百万人口，显示出古代中国民居建筑规划设计的高超水平。唐朝末年这里被后梁太祖朱温下令拆毁，其遗址位于今陕西省西安市的城区、东郊、南郊（大部分）和西郊（小部分）等大片地带。1996年，隋大兴唐长安城遗址被中华人民共和国国务院公布为第四批全国重点文物保护单位之一。
            </p>
        <div class="img"><img src="./家乡.jpg" alt=""></div>
        <h2 id="3">我的同学</h2>
        <p>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;唐僧，俗家姓陈，生于河南洛阳，法号“玄奘”，非姿英勇，相貌轩昂。齿白如银砌，唇红口四方。顶平额阔天仓满，母修眉清地阁长。两耳有轮真杰士，一身不俗是才郎。被尊称为“三藏法师”，世俗称为“唐僧”，小名叫“江流儿”。中国古典名著《西游记》中的主角之一，原型为唐代高僧玄奘。唐僧前世为如来佛祖的二徒弟金蝉子，因轻慢佛法而被如来佛祖贬到下界，在观世音菩萨的指点下，奉了唐太宗旨意，不远万里前去西天求取真经，路途上收得孙悟空、猪八戒、沙悟净三个徒弟，经历八十一难，最终取得真经返回大唐，修成正果，被如来佛祖封为“旃檀功德佛”。
        </p>
        <div class="img"><img src="./同学.jpg" alt=""></div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
        <div>&nbsp;</div>
    </div>
</body>
</html>